.tm-operator {
  white-space: nowrap;

  .dotes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 16px;
    height: 21px;
    line-height: 21px;

    i {
      display: inline-block;
      width: 3px;
      height: 3px;
      background-color: #999ea8;
      border-radius: 50%;
    }
  }

  .detail,
  .restart,
  .stop,
  .paused,
  .start,
  .export,
  .cancel,
  .delete {
    display: inline-block;
    margin-right: 6px;
    color: #0e6fd6;
    cursor: pointer;
    border: 0;
    padding: 0;
    img {
      width: 25px;
      height: 25px;
      margin-left: 6px;
    }
  }

  .disabled {
    border: 0;
    padding: 0;
    margin-right: 6px;
  }

  .delete {
    color: #ff0000;
  }

  &.disabled {
    .detail,
    .stop,
    .delete {
      cursor: not-allowed;
      color: #999ea8;
    }
  }
}

.transparentColor {
  background-color: transparent !important;
  border-color: transparent;
  box-shadow: none;

  &:hover {
    background-color: transparent;
  }
  &:active {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  &:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }
}
